<script >
import { ref } from 'vue'
export default {
  // vue3全面兼容vue2的写法,写选项式api也可以
  setup(){
    // console.log(this);
    // ref 是让我们的数据count具有响应式的,就是页面和js会有自动更新效果在里面
    const count = ref(10)
    // .value 属性是使用ref时的特点写法,在此先不讲
    const add =()=> count.value+=10
    // 页面上需要使用js里面的数据需要return出去
    return {
      count,
      add
    }
  }
}
</script>

<template>
  <div>{{count}}</div>
  <button @click="add">点我加10</button>
</template>

<style scoped>

</style>
